<div class="container con_wrap">
    <div class="row ">
        <div class="breadcrumb_wrap">
            <ul class="breadcrumb">
                <li> <a href="index.html">首页</a> <span class="divider">></span> </li>
                <li class="active">课程选择</li>
            </ul>
        </div>
        <div class="course_select">
            <form class="form-horizontal" role="form">
                <div class="form-group">
                    <label for="name" class="col-sm-1 control-label">行业</label>
                    <div class="col-sm-10 opt">
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios" id="optionsRadios11" value="option11" checked="checked">
                            <label for="optionsRadios11" >全部</label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios" id="optionsRadios12" value="option12" >
                            <label for="optionsRadios12" >IT/编程</label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios" id="optionsRadios13" value="option13">
                            <label for="optionsRadios13" >教育培训</label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios" id="optionsRadios14" value="option14">
                            <label for="optionsRadios14" >交通运输 </label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios" id="optionsRadios15" value="option15">
                            <label for="optionsRadios15" >服务业 </label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios" id="optionsRadios16" value="option16">
                            <label for="optionsRadios16" >财税会计 </label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios" id="optionsRadios17" value="option17">
                            <label for="optionsRadios17" >艺术传媒 </label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios" id="optionsRadios18" value="option18">
                            <label for="optionsRadios18" >形象设计</label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios" id="optionsRadios19" value="option19">
                            <label for="optionsRadios19" >加工制造</label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios" id="optionsRadios20" value="option20">
                            <label for="optionsRadios20" >加工制造</label>
                        </div>
                    </div>
                    <div class="col-sm-1 more"> <a class="btn btn-default btn_down" title="更多"> <i class="glyphicon glyphicon-menu-down"></i></a> </div>
                </div>
                <div class="form-group">
                    <label for="name" class="col-sm-1 control-label">专业</label>
                    <div class="col-sm-10 opt">
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios2" id="optionsRadios21" value="option21" checked="checked">
                            <label for="optionsRadios21" >全部</label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios2" id="optionsRadios22" value="option22" >
                            <label for="optionsRadios22" >计算机软件</label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios2" id="optionsRadios23" value="option23">
                            <label for="optionsRadios23" >家庭教育</label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios2" id="optionsRadios24" value="option24">
                            <label for="optionsRadios24" >幼儿教育 </label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios2" id="optionsRadios25" value="option25">
                            <label for="optionsRadios25" >早期教育</label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios2" id="optionsRadios26" value="option26">
                            <label for="optionsRadios26" >营养学</label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios2" id="optionsRadios27" value="option27">
                            <label for="optionsRadios27" >电子商务</label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios2" id="optionsRadios28" value="option28">
                            <label for="optionsRadios28" >物流</label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios2" id="optionsRadios29" value="option29">
                            <label for="optionsRadios29" >人力资源</label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios2" id="optionsRadios210" value="option210">
                            <label for="optionsRadios210" >市场营销</label>
                        </div>
                    </div>
                    <div class="col-sm-1 more"> <a class="btn btn-default btn_down" title="更多"> <i class="glyphicon glyphicon-menu-down"></i></a> </div>
                </div>
                <div class="form-group">
                    <label for="name" class="col-sm-1 control-label">学科</label>
                    <div class="col-sm-10 opt">
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios3" id="optionsRadios31" value="option31" checked="checked">
                            <label for="optionsRadios31" >全部</label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios3" id="optionsRadios32" value="option32">
                            <label for="optionsRadios32" >计算机</label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios3" id="optionsRadios33" value="option33">
                            <label for="optionsRadios33" >经济管理</label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios3" id="optionsRadios34" value="option34">
                            <label for="optionsRadios34" >心理学</label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios3" id="optionsRadios35" value="option35">
                            <label for="optionsRadios35" >外语</label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios3" id="optionsRadios36" value="option36">
                            <label for="optionsRadios36" >文学</label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios3" id="optionsRadios37" value="option37">
                            <label for="optionsRadios37" >历史</label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios3" id="optionsRadios38" value="option38">
                            <label for="optionsRadios38" >艺术设计</label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios3" id="optionsRadios39" value="option39">
                            <label for="optionsRadios39" >工学</label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios3" id="optionsRadios310" value="option310">
                            <label for="optionsRadios310" >理学</label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios3" id="optionsRadios311" value="option311">
                            <label for="optionsRadios311" >生命科学</label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios3" id="optionsRadios312" value="option312">
                            <label for="optionsRadios312" >哲学</label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios3" id="optionsRadios313" value="option313">
                            <label for="optionsRadios313" >法学</label>
                        </div>
                    </div>
                    <div class="col-sm-1 more"> <a class="btn btn-default btn_down" title="更多"> <i class="glyphicon glyphicon-menu-down"></i></a> </div>
                </div>
                <div class="form-group">
                    <label for="name" class="col-sm-1 control-label">版本</label>
                    <div class="col-sm-10 opt">
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios4" id="optionsRadios41" value="option41" checked="checked">
                            <label for="optionsRadios41" >全部</label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios4" id="optionsRadios42" value="option42">
                            <label for="optionsRadios42" >人教版</label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios4" id="optionsRadios43" value="option43">
                            <label for="optionsRadios43" >鲁教版</label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios4" id="optionsRadios44" value="option44">
                            <label for="optionsRadios44" >北师大版</label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios4" id="optionsRadios45" value="option45">
                            <label for="optionsRadios45" >济南版</label>
                        </div>
                    </div>
                    <div class="col-sm-1 more"> <a class="btn btn-default btn_down" title="更多"> <i class="glyphicon glyphicon-menu-down"></i></a> </div>
                </div>
                <div class="form-group">
                    <label for="name" class="col-sm-1 control-label">地域</label>
                    <div class="col-sm-10 opt" >
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios5" id="optionsRadios51" value="option51" checked="checked">
                            <label for="optionsRadios51" >全部</label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios5" id="optionsRadios52" value="option52">
                            <label for="optionsRadios52" >北京</label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios5" id="optionsRadios53" value="option53">
                            <label for="optionsRadios53" >天津</label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios5" id="optionsRadios54" value="option54">
                            <label for="optionsRadios54" >河北</label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios5" id="optionsRadios55" value="option55">
                            <label for="optionsRadios55" >山西</label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios5" id="optionsRadios56" value="option56">
                            <label for="optionsRadios56" >内蒙古</label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios5" id="optionsRadios57" value="option57">
                            <label for="optionsRadios57" >辽宁</label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios5" id="optionsRadios58" value="option58">
                            <label for="optionsRadios58" >吉林</label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios5" id="optionsRadios59" value="option59">
                            <label for="optionsRadios59" >黑龙江</label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios5" id="optionsRadios510" value="option510">
                            <label for="optionsRadios510" >上海</label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios5" id="optionsRadios511" value="option511">
                            <label for="optionsRadios511" >江苏</label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios5" id="optionsRadios512" value="option512">
                            <label for="optionsRadios512" >浙江</label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios5" id="optionsRadios513" value="option513">
                            <label for="optionsRadios513" >安徽</label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios5" id="optionsRadios514" value="option514">
                            <label for="optionsRadios514" >福建</label>
                        </div>
                        <div class=" radio-inline">
                            <input type="radio" name="optionsRadios5" id="optionsRadios515" value="option515">
                            <label for="optionsRadios515" >山东</label>
                        </div>
                    </div>
                    <div class="col-sm-1 more"> <a class="btn btn-default btn_down" title="更多"> <i class="glyphicon glyphicon-menu-down"></i></a> </div>
                </div>
                <div class="form-group">
                    <label for="name" class="col-sm-1 control-label">我的选择</label>
                    <div class="col-sm-10 sel" >
                        <ul>
                            <li class=" radio-inline"><b>行业： </b>IT/编程<i class="glyphicon glyphicon-remove"></i></li>
                            <li class=" radio-inline"><b>专业： </b>计算机软件<i class="glyphicon glyphicon-remove"></i></li>
                            <li class=" radio-inline"><b>学科： </b>计算机<i class="glyphicon glyphicon-remove"></i></li>
                            <li class=" radio-inline"><b>版本： </b>人教版<i class="glyphicon glyphicon-remove"></i></li>
                            <li class=" radio-inline"><b>地域： </b>北京<i class="glyphicon glyphicon-remove"></i></li>
                            <li class=" radio-inline course_search"> <a class="btn btn-default btn_search" title="搜索"> <i class="glyphicon glyphicon-search"></i>搜索</a> </li>
                        </ul>
                    </div>
                </div>
            </form>
        </div>
        <div class="tz-gallery">
            <div class="course">
                <div class="col-sm-6 col-md-4">
                    <div class="thumbnail"> <a class="lightbox" href="images/course_1.jpg"> <img src="images/course_1.jpg" alt=""> </a>
                        <div class="caption">
                            <h3>科学计算与MATLAB语言</h3>
                            <p><span style="float:left;">参与人数：2234</span><span style="float:right;">章节：12</span></p>
                            <div class="select"> <a href="signup.html">开始学习</a></div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4">
                    <div class="thumbnail"> <a class="lightbox" href="images/course_2.jpg"> <img src="images/course_2.jpg" alt=""> </a>
                        <div class="caption">
                            <h3>零基础学C语言</h3>
                            <p><span style="float:left;">参与人数：2234</span><span style="float:right;">章节：12</span></p>
                            <div class="select"> <a href="signup.html">开始学习</a></div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4">
                    <div class="thumbnail"> <a class="lightbox" href="images/course_3.jpg"> <img src="images/course_3.jpg" alt=""> </a>
                        <div class="caption">
                            <h3>大数据技术原理与应用</h3>
                            <p><span style="float:left;">参与人数：2234</span><span style="float:right;">章节：12</span></p>
                            <div class="select"> <a href="signup.html">开始学习</a></div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4">
                    <div class="thumbnail"> <a class="lightbox" href="images/course_4.jpg"> <img src="images/course_4.jpg" alt=""> </a>
                        <div class="caption">
                            <h3>创业团队建设与管理</h3>
                            <p><span style="float:left;">参与人数：2234</span><span style="float:right;">章节：12</span></p>
                            <div class="select"> <a href="signup.html">开始学习</a></div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4">
                    <div class="thumbnail"> <a class="lightbox" href="images/course_5.png"> <img src="images/course_5.png" alt=""> </a>
                        <div class="caption">
                            <h3>创新创业学</h3>
                            <p><span style="float:left;">参与人数：2234</span><span style="float:right;">章节：12</span></p>
                            <div class="select"> <a href="signup.html">开始学习</a></div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4">
                    <div class="thumbnail"> <a class="lightbox" href="images/course_6.png"> <img src="images/course_6.png" alt=""> </a>
                        <div class="caption">
                            <h3>风险投资与创业融资</h3>
                            <p><span style="float:left;">参与人数：2234</span><span style="float:right;">章节：12</span></p>
                            <div class="select"> <a href="signup.html">开始学习</a></div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4">
                    <div class="thumbnail"> <a class="lightbox" href="images/course_7.png"> <img src="images/course_7.png" alt=""> </a>
                        <div class="caption">
                            <h3>光影·光阴——早期中国电影漫谈系列</h3>
                            <p><span style="float:left;">参与人数：2234</span><span style="float:right;">章节：12</span></p>
                            <div class="select"> <a href="signup.html">开始学习</a></div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4">
                    <div class="thumbnail"> <a class="lightbox" href="images/course_8.jpg"> <img src="images/course_8.jpg" alt=""> </a>
                        <div class="caption">
                            <h3>微摄影之“社交摄影”基础</h3>
                            <p><span style="float:left;">参与人数：2234</span><span style="float:right;">章节：12</span></p>
                            <div class="select"> <a href="signup.html">开始学习</a></div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4">
                    <div class="thumbnail"> <a class="lightbox" href="images/course_9.jpg"> <img src="images/course_9.jpg" alt=""> </a>
                        <div class="caption">
                            <h3>世界优秀影片赏析</h3>
                            <p><span style="float:left;">参与人数：2234</span><span style="float:right;">章节：12</span></p>
                            <div class="select"> <a href="signup.html">开始学习</a></div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4">
                    <div class="thumbnail"> <a class="lightbox" href="images/course_10.jpg"> <img src="images/course_10.jpg" alt=""> </a>
                        <div class="caption">
                            <h3>园艺概论</h3>
                            <p><span style="float:left;">参与人数：2234</span><span style="float:right;">章节：12</span></p>
                            <div class="select"> <a href="signup.html">开始学习</a></div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4">
                    <div class="thumbnail"> <a class="lightbox" href="images/course_11.jpg"> <img src="images/course_11.jpg" alt=""> </a>
                        <div class="caption">
                            <h3>动物组织胚胎学</h3>
                            <p><span style="float:left;">参与人数：2234</span><span style="float:right;">章节：12</span></p>
                            <div class="select"> <a href="signup.html">开始学习</a></div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4">
                    <div class="thumbnail"> <a class="lightbox" href="images/course_12.jpg"> <img src="images/course_12.jpg" alt=""> </a>
                        <div class="caption">
                            <h3>流行病学基础（二）</h3>
                            <p><span style="float:left;">参与人数：2234</span><span style="float:right;">章节：12</span></p>
                            <div class="select"> <a href="signup.html">开始学习</a></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="page_wrap">
            <nav aria-label="Page navigation">
                <ul class="pagination">
                    <li> <a href="#" aria-label="Previous"> <span aria-hidden="true">&laquo;</span> </a> </li>
                    <li class="active"><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">5</a></li>
                    <li> <a href="#" aria-label="Next"> <span aria-hidden="true">&raquo;</span> </a> </li>
                </ul>
            </nav>
        </div>
    </div>
</div>